@charset "utf-8";

/* CSS Document */

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;vertical-align:baseline}
.clearfix:after,.clearfix:before{display:table;content:''}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
select{border:none;-webkit-appearance:none;-moz-appearance:none}
iframe{border:0}
a,button,img,input,select{outline:0 none}
img{border:0 none;vertical-align:top}
em,i{font-style:normal}
ol,ul{list-style:none}
button,h1,h2,h3,h4,h5,h6,input,select{font-size:100%;font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none}
a:hover{cursor:pointer}
input:focus,textarea:focus{outline:0;border:1px solid #288df0}
.fl{float: left;}
.fr{float: right;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1503628819377'); /* IE9*/
  src: url('../font/iconfont.eot?t=1503628819377#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1503628819377') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1503628819377') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1503628819377#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dianhua:before { content: "\e644"; }

.icon-dizhi:before { content: "\e607"; }

.icon-wangzhi:before { content: "\e6e6"; }

.icon-account:before { content: "\e60f"; }

.icon-skype:before { content: "\e8ae"; }

.icon-youxiang:before { content: "\e60e"; }

body{color:#333;font:14px/1.5 PingFangSC-Thin,"Hiragino Sans GB","Microsoft YaHei Light","Microsoft YaHei",Arial,sans-serif}
.header{position:fixed;top:0;left:0;width:100%;min-width:1024px;z-index:999;background:rgba(255,255,255,1);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.header-inner{padding: 0 40px;height: 60px;font-size: 13px;}
.header-inner .logo img{height: 40px;}
.logo{margin-top: 10px;}
.logo-pic2{display: none;}
.nav li{float: left;line-height: 60px;}
.nav li a{padding: 0 20px;}
.header a:hover{color: #2289E0;}
.user-bar{margin-top: 17px;}
.user-bar a{line-height: 24px;display: inline-block;margin-left: 10px;border: 1px solid #333;padding: 0 20px;height: 24px;border-radius: 3px;}
.user-bar a.on,.user-bar a.on:hover{background:#288DF0;color: #fff;border-color: #288DF0;}
.user-bar a:hover{color: #2289E0;border-color: #2289E0;}
.footer{text-align: center;color: #a8a8a8;font-size: 12px;padding: 20px 0;line-height: 30px;}
.footer.fixed{position: absolute;bottom: 0;left: 0;width: 100%;}
.grid{width: 1200px;margin: 0 auto;height: 100%;position: relative;}

/*波纹动画 BEGIN*/
.floor3-circle{background-image:url(https://gw.alicdn.com/tfs/TB1efZyRpXXXXcBaXXXXXXXXXXX-130-130.png);background-position:center 160px;background-repeat:no-repeat;height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(50deg);width:600px}
.floor3-circle div{background:rgba(0,0,0,0) url(https://img.alicdn.com/tfs/TB12BNcRFXXXXaLXXXXXXXXXXXX-752-450.png) no-repeat scroll 50% 50%/35% 35%;height:100%;opacity:0;position:absolute;width:100%}
.circle-a{animation:4.5s ease-out 0s normal forwards infinite running ani-circle-a}
.circle-b{animation:4.5s ease-out 1.5s normal forwards infinite running ani-circle-a}
.circle-c{animation:4.5s ease-out 3s normal forwards infinite running ani-circle-a}
.floor3-more-industry{bottom:50px;width:140px}
@keyframes ani-circle-a{0%{opacity:0;transform:scale(.8)}
10%{opacity:.7}
100%{opacity:0;transform:scale(5.5)}
}
@keyframes ani-circle-a{0%{opacity:0;transform:scale(.8)}
10%{opacity:.7}
100%{opacity:0;transform:scale(5.5)}
}
/*波纹动画 END*/

/*register.html*/
.register-banner{width:35%;position: absolute;top: 0;left: 0;bottom: 0;background: url(../images/intro.jpg) no-repeat center center;background-size:cover ;}
.register-content{position: absolute;left: 35%;top: 0;right: 0;bottom: 0;overflow-y: auto;}
.rgst-content{width: 600px;margin: 0 auto;}
.rgst-content h2{font-size: 34px;font-weight: 300;margin-top: 40px;border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;margin-bottom: 30px;}
.ui-label{color:#4c4c4c;float:left;margin-right:10px;text-align:right;width:85px;line-height:42px;font-size:15px}
.ui-label span{color:red;margin-left:5px}
.ui-input{border:1px solid #ddd;color:#4d4d4d;font-size:14px;height:18px;line-height:18px;padding:11px 10px;transition:border .2s linear 0s,box-shadow .2s linear 0s;vertical-align:middle;width:360px;border-radius:4px}
.error{display:none;color:#ff5b5b;background:url(../images/error.png) no-repeat left center;height:18px;line-height:18px;padding-left:24px}
.ui-input-correct{background:url(../images/ui-correct.png) no-repeat right center;border-color:#5fb500}
.ui-input-wrong{border-color:#ff5b5b}
.ui-form-item{margin-top:20px;position:relative}
.ui-form-item .error{margin-left:95px;margin-top:5px}
.btn{-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:0;padding:11px 12px;text-align:center;touch-action:manipulation;vertical-align:middle;white-space:nowrap}
.btn-default{background-color:#fff;border-color:#ccc;color:#333}
.btn-primary{background-color:#2398ea;border-color:#2289e0;color:#fff}
.btn-primary:hover{background-color:#2289e0;border-color:#2289e0;color:#fff}
.btn-primary-new{background-color:#5fb500;border-color:#529a03;color:#fff}
.btn-primary-new:hover{background-color:#529a03;border-color:#529a03;color:#fff}
.ui-form-item .btn{width:358px;display: block;margin-left: 95px;color: #fff;font-size: 16px;}
.ui-form-item a{color: #2398ea;}
.rgst-content .ui-form-item .btn{box-shadow: 0 6px 15px rgba(29, 182, 94, 0.4);}
/*login.html*/
.banner{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/sectionlg.png) no-repeat center center /cover;}
.banner1{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/1.png) no-repeat center center /cover;}
.banner2{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/11.png) no-repeat center center /cover;}
.login-area{box-shadow: 0 9px 30px rgba(0, 0, 0, 0.2);;background:rgba(255,255,255);width: 382px;padding:20px 40px 40px;position: absolute;top: 50%;margin-top: -172px;right: 0;}
.login-area h3{border-bottom: 1px solid #f0f0f0;font-size: 22px;padding-bottom: 15px;font-weight: 300;}
.login-area .error{margin-left: 0;}
.login-info{position: absolute;left: 0;top: 50%;margin-top: -100px;}
.login-info h3{font-size: 30px;letter-spacing: 2px;margin-top: 20px;color: #fff;}
.login-info p{margin-top: 20px;;font-size: 16px;color: #999;background: #2289E0;color: #fff;display: inline-block;padding: 2px 15px;position: relative;box-shadow: 3px 3px 0 #85bfef;letter-spacing: 2px;}
.login-info span{line-height: 30px;color: #f8f8f8;letter-spacing: 2px;display: block;}
.login-info h3 label{font-weight: 100;margin: 0 10px;}
.login-form em{left: 10px;position: absolute;top:10px;width: 20px;height: 20px;background: url(../images/ico-login.png) no-repeat;}
.login-form em.ico-pwd{background-position:0 -20px ;}
.login-form .ui-form-item .ui-input{text-indent: 30px;}

/*index.html*/
.fp-section{overflow: hidden;}
.sec-content{left:50%;margin-left:-600px;position:absolute;top:50%;width:1200px;height: 100%;}

.sec1{text-align: center;background:url("../images/sectionsss.png") repeat scroll center top / cover }
.sec2{text-align: center;background:url("../images/section2.jpg") repeat scroll center top / cover }
.sec3{background: url(../images/wallpaper.jpg) no-repeat center center /cover;}
.sec4{background: url(../images/section4.png) no-repeat center center /cover;}

.sec1 h3{font-size: 48px;letter-spacing: 4px;color:#288DF0;transform: scale(0.5, 0.5);opacity: 0;transition: all 1s ease 0s;}
.sec1 p{font-size: 16px;line-height: 30px;color: #929292;margin-top: 20px;transform: scale(0.5, 0.5);opacity: 0;transition: all 0.5s ease 0s;}
.sec1 .ui-form-item{margin-top: 20px;opacity: 0;bottom: -100px;transition: all 0.5s ease 0s;position: relative;}
.link-vedio-btn{position: absolute;bottom: 30px;text-align: center;width: 100%;}
.sec1 .sec-content{margin-top: -280px;}
.sec1 .ui-form-item input{border-top-right-radius: 0;border-bottom-right-radius: 0;vertical-align: middle;}
.sec1 .ui-form-item a{display: inline-block;background: #2398ea;color:#fff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;display: inline-block;padding: 0 10px;line-height: 42px;position: relative;left: -1px;vertical-align: middle;}
.sec1.active h3,.sec1.active p{transform: scale(1, 1);opacity:1;transition-delay: 0.5s;}
.sec1.active .ui-form-item{opacity: 1;bottom:0px;transition-delay: 0.5s;}


.sec2{text-align: center;}
.sec2 h3{font-size: 42px;color: #fff;position: relative;opacity: 0;top: 60px;transition: all 0.5s ease 0s;font-weight: 300;}
.sec2 p{font-size: 16px;margin-top: 20px;color: #f0f0f0;position: relative;opacity: 0;top: 60px;transition: all 1s ease 0s;line-height: 30px;letter-spacing: 2px;}
.sec2 .sec-title em{font-family:DIN Alternate;color: #2289e0;font-size: 30px;margin-right: 5px;}
.sec2 li{float: left;width: 33.3333%;text-align: center;}
.sec2 ul{margin-top: 40px;}
.sec2 .sec-title{width: 400px;position: absolute;left: 0;top: 50%;text-align: left;margin-top: -168px;}
.sec2 .sec-show{width: 800px;position: absolute;right: 0;top: 50%;background: #2289E0;margin-top: -240px;}
.sec2 .sec-show img{position: absolute;left: 100px;transition: all 1s ease 0s;}
.active.sec2 h3,.active.sec2 p{opacity: 1;top: 0px;transition-delay: 0.5s;}
.active.sec2 .sec-show img.snd-img{left: -50px;transition-delay:.4s}
.active.sec2 .sec-show img.thd-img{left: 250px;transition-delay:.8s}
/*.sec2 .sec-show.hover img.snd-img{left:-100px;transition: all 0.4s ease 0s;}
.sec2 .sec-show.hover img.thd-img{left:300px;transition: all 0.4s ease 0s;}*/

.sec3 .box{position: absolute;top: 50%;left: 20%;color: #fff;font-size: 20px;color: #eee;margin-top: -110px;}
.sec3 .box i{opacity: 0;margin-left: -100px;;display: inline-block;color: #2289E0;border-bottom: 1px solid #2289E0;font-size: 60px;font-weight: 600}
.sec3 .box span{display: block;font-size: 42px;color: #fff;margin-left: -100px;opacity: 0;}
.sec3 .box p{margin-top: 20px;margin-left: -100px;opacity: 0;line-height: 40px;}

.site-head-sec5{background:rgba(0,0,0,0.2);color:#fff;border-bottom-color:transparent}
.site-head-sec3{background:rgba(0,0,0,1);color:#fff;border-bottom-color:transparent}
.site-head-sec2{border-bottom:transparent;background:rgba(28,32,66,1);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.site-head-sec5 a,.site-head-sec3 a,.site-head-sec2 a{color: #fff;border-color: #fff;}
.sec4 h3{position: absolute;top: 0px;text-align: center;font-size: 44px;text-align: center;width: 100%;opacity: 0;transition: all 1s ease 0s;color: #585858;font-weight: 100;}
.sec4 li h4{font-size: 20px;}
.sec4 em{width: 150px;height: 150px;display: block;margin: 0 auto;}
.sec4 em img{width: 150px;}
.sec4 li{position: absolute;left: 50%;top: 250px;width: 208px;transition: all 1s ease 0s;opacity: 0;text-align: center;}
.sec4 li h4{margin: 30px 0 20px;}
.sec4 li p{color: #909090;font-size: 16px;}
.sec4 .item-li1{margin-left:-860px}
.sec4 .item-li2{margin-left:-557px}
.sec4 .item-li3{margin-left:-104px}
.sec4 .item-li4{margin-left:359px}
.sec4 .item-li5{margin-left:662px}
.active.sec4 h3{opacity: 1;top: 120px;transition-delay: 0.5s;}
.active.sec4 .item-li1{margin-left:-610px;opacity:1;transition-delay:.7s}
.active.sec4 .item-li2{margin-left:-357px;opacity:1;transition-delay:.7s}
.active.sec4 .item-li3{margin-left:-104px;opacity:1;transition-delay:.7s}
.active.sec4 .item-li4{margin-left:159px;opacity:1;transition-delay:.7s}
.active.sec4 .item-li5{margin-left:412px;opacity:1;transition-delay:.7s}
.sec5 h2{font-size:32px;font-weight:400;opacity:0;text-align:center;position:absolute;top:50%;width:100%;z-index:2;color:#deff00}
.sec5 .customer-wall{background:url(../images/customer_wall.png) no-repeat center center;height:672px;left:50%;margin-left:-506px;margin-top:-336px;opacity:0;position:absolute;top:50%;transform:scale(3);transition:all .5s ease-in 0s;width:1012px}
.sec5 .customer-wall-active{opacity:1;transform:scale(1)}

.site-head-sec2 .logo-pic1,.site-head-sec3 .logo-pic1,.site-head-sec5 .logo-pic1{display: none;}
.site-head-sec2 .logo-pic2,.site-head-sec3 .logo-pic2,.site-head-sec5 .logo-pic2{display: block;}
.section-footer{height: 130px;background: #323232;color:#fff;padding: 20px 0 20px;position: absolute;bottom: 0;left: 0;right: 0;}
.section-footer a{color: #999;}
.section-footer a:hover{color: #E8E8E8;}
.section-footer li{width: 25%;float: left;font-size: 12px;color:#999;}
.section-footer li div{padding: 0 30px;}
.section-footer li h3{color:#fff;font-size: 14px;color: #E8E8E8;margin-bottom: 10px;}
.section-footer li h3 a{color: #E8E8E8;}
.section-footer li p{line-height: 24px;}
.section-footer ul{width: 1200px;margin: 0 auto;}
.map-section{transition: all 0.5s ease 0s;;height: 100%;position: relative;background: url(../images/dt.png) no-repeat center center;width: 50%;border: 1px solid #f0f0f0;opacity: 0;left: -100px;}
.map-section div{width: 40%;background: rgba(34,137,224,0.8);font-size: 12px;color: #f3f3f3;padding: 10px;position: absolute;right: 0;top: 20%;}
.banshichu{transition: all 1s ease 0s;;position: absolute;right: -100px;opacity: 0;top: 0;height: 100%;overflow: auto;background: #f8f8f8;width:500px;padding:00px 30px;}
.active .map-section{opacity: 1;left: 0;transition-delay: 0.5s;}
.active .banshichu{opacity: 1;right: 0;transition-delay: 0.5s;}
.contact-section{position: absolute;top: 80px;bottom:190px;left: 0;right: 0;}
.banshichu li{border-bottom: 1px solid #f0f0f0;padding: 15px 0;font-size: 12px;}
.banshichu li h3,.map-section div h3{font-size: 14px;}
.banshichu li p{margin-top: 5px;color: #999;}
.banshichu li:last-child{border-bottom: none;}
.map-section div h3{color:#fff}
.map-section div p{margin-top: 5px;}
.sec6 .iconfont{font-size: 12px;margin-right: 5px;}
.sec6 p span{margin-left: 20px;}